@media screen and (min-width: 414px) {
  html {
    font-size: 41.4px !important;
  }
}
body {
  min-width: 320px;
  max-width: 414px;
  width: 10rem;
  height: 20.748792rem;
  margin: 0 auto;
}
.CourDetamain {
  width: 10rem;
}
.CourDetamain header {
  width: 10rem;
}
.CourDetamain header .videoimg {
  width: 100%;
  height: 8.961353rem;
}
.CourDetamain header .videoimg #videoimg {
  width: 100%;
  height: 8.961353rem;
  object-fit: cover;
}
.CourDetamain main h3 {
  font-size: 0.676329rem;
}
.CourDetamain main .codetmaintop {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.241546rem;
}
.CourDetamain main .codetmaintop .left {
  display: flex;
  justify-content: space-between;
  width: 4.347826rem;
  font-size: 0.434783rem;
}
.CourDetamain main .codetmaintop .left span {
  font-size: 0.676329rem;
}
.CourDetamain main .codetmaintop .right {
  color: #ccc;
  font-size: 0.386473rem;
}
.CourDetamain main .codetmaincenter .top {
  margin-top: 0.241546rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 0.241546rem;
}
.CourDetamain main .codetmaincenter .top .portrait {
  width: 2.415459rem;
  height: 2.415459rem;
  border-radius: 1.207729rem;
  box-shadow: 1px 1px 1px 1px #CCC;
}
.CourDetamain main .codetmaincenter .top .user h3 {
  font-size: 0.57971rem;
}
.CourDetamain main .codetmaincenter .top .user p {
  font-size: 0.386473rem;
  color: #ccc;
}
.CourDetamain main .codetmaincenter .top .btn {
  width: 1.932367rem;
  height: 0.724638rem;
  text-align: center;
  line-height: 0.724638rem;
  border-radius: 0.362319rem;
  background-color: #4294ff;
  font-size: 0.386473rem;
  font-weight: 400;
  color: white;
}
.CourDetamain main .codetmaincenter .center {
  font-size: 18px;
}
.CourDetamain main .codetmaincenter .bottom {
  margin-top: 0.483092rem;
  display: flex;
}
.CourDetamain main .codetmaincenter .bottom .left {
  width: 4.830918rem;
  height: 2.415459rem;
  text-align: center;
  padding-top: 0.483092rem;
  box-sizing: border-box;
  font-size: 16px;
}
.CourDetamain main .codetmaincenter .bottom .left h3 {
  font-size: 18px;
}
.CourDetamain main .codetmaincenter .bottom .right {
  width: 4.830918rem;
  height: 2.415459rem;
  text-align: center;
  padding-top: 0.483092rem;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  font-size: 16px;
}
.CourDetamain main .codetmaincenter .bottom .right h3 {
  font-size: 18px;
}
.codetmainright {
  display: block !important;
  margin: 0 auto;
  width: 7.246377rem;
  height: 0.966184rem;
  line-height: 0.966184rem;
  border-radius: 0.483092rem;
  background-color: #4294ff !important;
  color: white;
  text-align: center;
  font-size: 0.434783rem;
}
